<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
<form action="#" method="post">
    <table border="1" align="center" width="450">
        <tr>
            <td> <label for="username">文本框</label></td>
            <td><input type="text" name="name" id="username" placeholder="请输入用户名"/></td>
        </tr>
        <tr>
            <td> <label for="pass">密码框</label></td>
            <td><input type="password" name="pass" id="pass" placeholder="请输入密码"/></td>
        </tr>
        <tr>
            <td><label >复选框</label></td>
            <td><input type="checkbox" name="hobby" value="play"/>玩游戏
                <input type="checkbox" name="hobby" value="film"/>看电影
                <input type="checkbox" name="hobby" value="tourism"/>旅游
                <input type="checkbox" name="hobby" value="book"/>看书
                <input type="checkbox" name="hobby" value="write"/>写字
            </td>
        </tr>
        <tr>
            <td><label>单选框1</label></td>
            <td>男<input type="radio" name="gen" value="male"/>
                女<input type="radio" name="gen" value="female" checked/>
                保密<input type="radio" name="gen" value="confidentiality"/></td>
        </tr>
        <tr>
            <td><label>单选框2</label></td>
            <td>男<input type="radio" name="gen" value="male"/>
                女<input type="radio" name="gen" value="female"/>
                保密<input type="radio" name="gen" value="confidentiality"/></td>
        </tr>
        <tr>
            <td><label>上传文件</label></td>
            <td><input type="file" name="file"></td>
        </tr>
        <tr>
            <td><label>下拉列表()</label></td>
            <td><select name="province">
                    <option value="">--请选择--</option>
                    <option value="1">南京</option>
                    <option value="2">北京</option>
                    <option value="3">天津</option>
                </select>
            </td>
        </tr>
        <tr>
            <td><label>列表</label></td>
            <td><select name="site" size="3">
                    <option value="111">111</option>
                    <option value="22">22</option>
                    <option value="1212">1212</option>
                    <option value="1121">1121</option>
                </select>
            </td>
        </tr>
        <tr>
            <td><label >多选列表</label></td>
            <td><select name="site" size="3" multiple>
                    <option value="111">111</option>
                    <option value="22">22</option>
                    <option value="1212">1212</option>
                    <option value="1121">1121</option>
                </select>
            </td>
        </tr>
        <tr>
            <td><label>多行文本域</label></td>
            <td><textarea name="showText" cols="50" rows="3" placeholder="在这里输入你的信息"></textarea></td>
        </tr>
        <tr>
            <td colspan="2"><label><input type="submit" value="提交">
                <input type="image" src="1.png">
                <input type="submit" value="重置"></label>
            </td>
        </tr>
    </table>
</form>
</body>
</html>